<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    
<base href="<%=basePath%>">

<title>主菜单</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="resources/bootstrap/css/bootstrap.min.css">
<script src="resources/common/jquery/jquery-3.2.1.min.js"></script>
<script src="resources/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="resources/common/css/main.css">
<script src="resources/common/js/tab.js"></script>
<link rel="stylesheet" href="resources/common/css/tab.css">

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="主菜单">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

</head>
<script type="text/javascript">
<!-- 菜单实现 -->
 $(document).ready(function(){
      //这是给div的一个初始页面
   //   $("#maindiv").load('${pageContext.request.contextPath}/first');
   var options = {
    //tabMainName:tab标签页所在的容器
    //tabName:当前tab的名称
    //tabTitle:当前tab的标题
    //tabUrl:当前tab所指向的URL地址
    "tabMainName":"tablist",
    "tabName":"fir",
    "tabTitle":"首页",
    "tabUrl":"first.do",
    "tabContentMainName":"tabcont"
   };
   addTab(options);
       });
        var menuClick = function(tabName,tabTitle,tabUrl) {
            var options = {
    //tabMainName:tab标签页所在的容器
    //tabName:当前tab的名称
    //tabTitle:当前tab的标题
    //tabUrl:当前tab所指向的URL地址
    "tabMainName":"tablist",
    "tabName":tabName,
    "tabTitle":tabTitle,
    "tabUrl":tabUrl,
    "tabContentMainName":"tabcont"
   };
   addTab(options);
        };
</script>
<body>
	<div class="navbar navbar-duomi navbar-static-top" role="navigation" >
<div class="container-fluid">
<div class="navbar-header text-primary" >
<h1>XXXX检测平台<small>设备管理</small></h1>
</div>
<div class="btn-group pull-right" >
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><c:out value="${sessionScope.user.name }"></c:out>
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
    	<li>
            <a href="javascript:void(0);" onclick="menuClick('usermsg','用户信息','usershow.do');">用户信息</a>
        </li>
        <li>
            <a href="javascript:void(0);" onclick="menuClick('uppwd','修改密码','updatepwd.do');">修改密码</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="loginout.do">退         出</a>
        </li>
    </ul>
</div>
</div>
</div>
<div class="container-fluid bg-success" >
<div class="row">
<div class="col-md-2">
<ul id="main-nav" class="nav nav-tabs nav-stacked" style="">
<li class="active">
<a href="javascript:void(0);">
<i class="glyphicon glyphicon-th-large"></i>
菜单
</a>
</li>
<li>
<a href="#systemSetting" class="nav-header collapsed" data-toggle="collapse">
<i class="glyphicon glyphicon-cog"></i>
系统管理
<span class="pull-right glyphicon glyphicon-chevron-down"></span>
</a>
<ul id="systemSetting" class="nav nav-list collapse secondmenu" style="height: 0px;">
<li>
	<a href="#userSetting" class="nav-header collapsed" data-toggle="collapse">
		<i class="glyphicon glyphicon-user"></i>
		人员管理
		<span class="pull-right glyphicon glyphicon-chevron-down"></span>
	</a>
	<ul id="userSetting" class="nav nav-list collapse thirdmenu" style="height: 0px;">
		<li><a href="javascript:void(0);" onclick="menuClick('user-select','人员-查询','user/select.do')">查询</a></li>
		<li><a href="javascript:void(0);" onclick="menuClick('user-insert','人员-添加','user/insert.do')">添加</a></li>
	</ul>
</li>
<li><a href="javascript:void(0);" onclick="menuClick('meuma','菜单管理','usershow.do')"><i class="glyphicon glyphicon-th-list"></i>菜单管理</a></li>
<li>
	<a href="#agencySetting" class="nav-header collapsed" data-toggle="collapse">
		<i class="glyphicon glyphicon-cog"></i>
		机构管理
		<span class="pull-right glyphicon glyphicon-chevron-down"></span>
	</a>
	<ul id="agencySetting" class="nav nav-list collapse thirdmenu" style="height: 0px;">
		<li><a href="javascript:void(0);" onclick="menuClick('agency-select','机构-查询','agency/first.do')">查询</a></li>
		<li><a href="javascript:void(0);" onclick="menuClick('agency-insert','机构-添加','agency/insert.do')">添加</a></li>
	</ul>
</li>
<li><a href="javascript:void(0);"><i class="glyphicon glyphicon-asterisk"></i>角色管理</a></li>

</ul>
</li>
<li>
<a href="#filemanagement" class="nav-header collapsed" data-toggle="collapse">
<i class="glyphicon glyphicon-credit-card"></i>
档案管理 
<span class="pull-right glyphicon glyphicon-chevron-down"></span>
</a>
<ul id="filemanagement" class="nav nav-list collapse secondmenu" style="height: 0px;">
<li>
	<a href="#personSetting" class="nav-header collapsed" data-toggle="collapse">
		<i class="glyphicon glyphicon-list-alt"></i>
		个人档案
		<span class="pull-right glyphicon glyphicon-chevron-down"></span>
	</a>
	<ul id="personSetting" class="nav nav-list collapse thirdmenu" style="height: 0px;">
		<li><a href="javascript:void(0);" onclick="menuClick('person-select','个人档案-查询','person/first.do')">查询</a></li>
		<li><a href="javascript:void(0);" onclick="menuClick('person-insert','个人档案-添加','person/insert.do')">添加</a></li>
	</ul>


</li>
<li><a href="javascript:void(0);"><i class="glyphicon glyphicon-home"></i>家庭档案</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);">
<i class="glyphicon glyphicon-globe"></i>
分发配置
<span class="label label-warning pull-right"></span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="glyphicon glyphicon-calendar"></i>
图表统计
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="glyphicon glyphicon-fire"></i>
关于系统
</a>
</li>
</ul>
</div>
<div class="col-md-10" id="maindiv">
	<!--内容部分-->
    <div class="qb-content-wrapper">
        <div class="tab">
        	 <ul class="nav nav-tabs tabs" role="tablist" id="tablist">
        	 </ul>
        </div>
        <!-- Tab panes -->
        <div class="tab-content" id="tabcont" >
        </div>
    </div>
</div>
	
</body>
</html>
